/* System */

body {
	font-size:80%;
}
#page {
	width:98%;
	margin:1%;
}

#header {
	margin-top:1%;
}

label {
	font-weight:normal;
}

p.description {
	border-bottom:1px solid #DDDDDD;
	padding-bottom:5px;
}

/* Anchors */

a.add {
    background-image:url(../images/icons/plus.png);
    background-repeat:no-repeat;
	color:#000000;
	font-size:14px;
	padding-left:20px;
}
a.back {
    background-image:url(../images/icons/arrow_180.png);
    background-repeat:no-repeat;
    color:#000000;
    font-size:14px;
    padding-left:20px;
}
a.clear {
	background-image:url(../images/icons/eraser.png);
	background-repeat:no-repeat;
    padding-left:20px;
    color:#000000;
}

/* Tabs */

#header .tabs.right {
	float:right;
	margin-top:-27px;
}
#header .tabs.right li {
	margin-left:1px;
	margin-right:0px;
}

#header .tabs a:hover {
	background-color:#EEEEEE;
}

#header .tabs a.current {
	background-color:#EEEEEE;
}

/* Content */

#resources {
	padding-right:1%;
	width:19%;
}

#introduction {
	width:80%;
	margin-right:0px;
}

h2.main_title {
	margin-bottom:0;
}
.bread_crumbs {
	color:#555555;
	margin-bottom:10px;
	margin-top:-5px;
}
.bread_crumbs a {
	color:#555555;
}
/* Box */

#resources .box h3 {
	border-bottom:4px solid #EEEEEE;
	margin-top:1em;
}

#resources .box h3 a {
	background-image:url(../images/icons/down.gif);
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:10px;
	margin-top:-8px;
	width:20px;
}

#resources .box .box_content ul {
	margin:0 1.5em 0;
}

#resources .box .box_content p {
	margin:0 1.5em 1.5em;
}

#resources .box .box_content ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:5px;
}

#resources .box .box_content ul li a#current {
	font-weight:bold;
}

/* Box */

table {
	width:100%;
}

table tr.even {
	background-color:#EEEEEE;
}

table tr.odd {
	
}

table textarea {
	height:100px;
	width:450px;
}
/* ModalBox */

.modalBox {
	background-color:#DDDDDD;
	border:1px solid #DDDDDD;
	position:fixed;
	top:300px;
	-moz-border-radius:5px;
}

.modalBox .modalHead {
	font-size:115%;
	font-weight:bold;
	height:20px;
	padding-left:7px;
	padding-right:7px;
	cursor:move;
}

.modalBox .modalHead .modalClose {
	cursor:pointer;
	float:right;
	background: url(../images/icons/tab_close.png);
    background-repeat:no-repeat;
    padding:7px;
}

.modalBox .modalHead .modalTitle {
	float:left;
}

.modalBox .modalContener {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	background-color:#FFFFFF;
	padding:7px;
}

/* Tabs */
ul.tabs li a {
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
}
ul.tabs li#current a {
	background-color:#EEEEEE;
}
#tab {
	margin-bottom:20px;
}
.tab-wrapper
{
	padding:				1em 1.5em;
	margin:					0;
	border:					1px solid #DDDDDD;
	clear:					both;
}
.tab-menu
{
	margin:					0;
	padding:				0;
	list-style:				none;
	overflow:				auto;
}
.tab-menu.border {
	border-bottom:1px solid #DDDDDD;
}
.tab-menu.bottom {
	margin-bottom:15px;
}
.tab-menu li
{
	margin:					0;
	padding:				0;
	float:					left;
	line-height:			2em;
}
.tab-menu li a
{	
	background-color:#DDDDDD;
	display:block;
	margin-right:1px;
	padding:5px 15px;
	text-decoration:none;
	color:#666666;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
}
.tab-menu li a:hover,
.tab-menu li a:focus
{
	/* your effect here */
}
.tab-menu li.tab-selected a
{	background-color:#EEEEEE;
	/* your effect here */
}

/* Forms */
form.hform p label {
	float:left;
	line-height:23px;
	width:200px;
}

/* Tips */
span.tip {
	background: url(../images/icons/information_frame.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
	cursor:help;
}

.tip-top {}
.tip {}
.tip-title {
	background-color:#DDDDDD; 
	padding:5px; 
	-moz-border-radius:5px;
} 
.tip-text {}
.tip-bottom {}


/* Table */
table tr td:first-child, table tr th:first-child {
	text-align:center;
}

table td img {
	margin-bottom:-4px;
}

/* Widgets */
.widget {

}
.widget span {
font-size:120%;
border-bottom:2px solid #DDDDDD;
}
.widget ul {
	margin-top:10px;
}
.widget li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
line-height:25px;
}
.widget li.mooving {
	background-color:#EEEEEE;
}
.widget img {
	margin-bottom:-4px;
}
.widget img#widget_move {
	margin-right:15px;
	cursor:move;
}
.widget .widget_icon_last {margin-right:10px;}

/* Ajax-loader */
#ajax-loader {
    background-image: url(../images/icons/ajax-loader.gif);
    background-repeat: no-repeat;
    height:15px;
	margin-right:3px;
	margin-top:20px;
	position:absolute;
	right:1%;
	width:128px;
}
.hide {display: none;}

/* Pagination */
.pagination {font-size:14px; height:35px;}
.pagination ul {margin:0; float:left;}
.pagination ul li {display:inline; list-style-image:none; margin:5px;}
.pagination ul li.current {font-weight:bold;}
.pagination .previous {margin-right: 5px; float:left;}
.pagination .next {margin-left:5px;}

/* Widget menu */
#widget_list_menu {}
#widget_list_menu span input {width:185px;}

/* Tools */
ul.list-tools {margin:0;}
ul.list-tools li {border:1px solid #DDDDDD; float:left; font-size:16px; font-weight:bold; list-style-image:none; list-style-position:outside; list-style-type:none; margin:1%; padding:10px; width:18%;}
ul.list-tools li a {color:#666666;}
ul.list-tools li img {margin-bottom:-2px;}